import Text from 'components/Paragraph';
import Paragraph from 'components/Paragraph';
import Badge from 'components/Badge';
import styled from 'styled-components';

const Name = styled(Text).attrs({ size: "large" })``;

const Time = styled(Text).attrs({ size: 'medium', type: "secondary" })``;

const Status = styled(Text).attrs({ type: "secondary" })``;

const Message = styled.div``;

const MessageText = styled(Paragraph).attrs({ ellipsis: true })``;

const UnreadBadge = styled(Badge)``;

const StyleMessageCard = styled.div``;

export default StyleMessageCard;
export {
    Name,
    Time,
    Status,
    Message,
    MessageText,
    UnreadBadge,
};